﻿.industrialChartContainer
    {
        border:1px solid #99BBE8;
        background:#DFE8F6;
        color:#15428B;
        font-family:Calibri, Tahoma,Microsoft Sans Serif;
        font-style:normal;
        font-weight:normal;
        font-size:12px;
        width:800px;        
        height:auto;
        min-height:50px;                
        top:0px;
    }
    
.loadingShape
{
    background:#FFFFFF url(ImagesIndustrialChart/loadingMask.png) repeat;
    /*src:url(ImagesIndustrialChart/insideLoading.gif);*/
    position:relative;
    margin:0px;    
    text-align:center;
}

.loadingImage
{
    height:24px;
    width:24px;
    background:transparent url(ImagesIndustrialChart/loadingBlue.gif) no-repeat;
    position:absolute;
    margin-left:44%;
    margin-top:30%;
}
.loadingShapeText
{
    color:#FFFFFF;
    font-size:12px;
    position:absolute;
    margin-left:47%;
    margin-top:29.8%;
}
    
    .industrialChartContainer .ICHeader
    {
        border-bottom:1px solid #99BBE8;
        border-top:1px solid #99BBE8;
        background:#bcd2ef url(ImagesIndustrialChart/titleHeaderBackgroundAlpha.png) repeat-x bottom;
        width:100%;
        height:21px;        
        margin:0px;
        padding:0px;
    }
    
    .industrialChartContainer .ICHeader .classTitle
    {
        margin-left:25px;
        padding:0px;
        color:#15428B;
        font-size:14px;
        text-align:left;
        margin-left:5px;
        margin-top:2px;
        float:left;
    }
    
    .industrialChartContainer .ICHeader .loadingContainer
    {
        background:transparent;
        width:auto;
        height:17px;
        margin-left:25px;
        margin-top:1px;
        float:left;
        min-width:50px;
        border:1px solid #99BBE8;
    }
    
    .industrialChartContainer .ICHeader .loadingContainer .animate
    {
        background:transparent url(ImagesIndustrialChart/loadingBlue.gif) no-repeat;
        height:11px;
        width:16px;
        margin-left:2px;
        margin-top:3px;
        float:left;
    }
    
    .industrialChartContainer .ICHeader .loadingContainer .noAnimate
    {
        background:transparent url(ImagesIndustrialChart/noAvailableData.png) no-repeat;
        height:11px;
        width:16px;
        margin-left:2px;
        margin-top:3px;
        float:left;
    }
    
    .industrialChartContainer .ICHeader .loadingContainer .title
    {
        color:#15428B;
        float:left;        
        font-size:11px;
        margin-top:2px;
        margin-left:5px;
    }
    
    .industrialChartContainer .ICChartContainer
    {
        /*border:1px solid #99BBE8;*/
        background:#F9F9F9;
        font-size:12px;
        color:#333333;
        width:auto;
        height:auto;
        min-height:50px;        
        margin:5px;        
    }
    
    .industrialChartContainer .ICChartContainer canvas
    {
         position:absolute;
         background:#FFFFFF;
    }